@import 'styles/settings';

// Big titles, HE-Meter page
%display1 {
  font-family: $font-family-2;
  font-size: $font-size-xxl;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 50px;
  @media print {
    font-size: 34pt;
    line-height: 50pt;
  }
}

// Categories, Areas names, Search
%headline {
  font-family: $font-family-2;
  font-weight: normal;
  font-size: $font-size-xl;
  letter-spacing: 1px;
  line-height: 30px;
  @media print {
    font-size: 18pt;
    line-height: 34pt;
  }
}

// Datasets, Geodescriber
%bodyText {
  font-family: $font-family-1-light;
  font-size: $font-size-sm;
  letter-spacing: 0px;
  line-height: 22px;
  @media print{
    font-size: 10pt;
    line-height: 16pt;
  }
}

// Sections title
%title {
  font-family: $font-family-1;
  font-size: $font-size-xs;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase;
  @media print {
    font-size: 8pt;
    line-height: 18pt;
  }
}

// Legend title, Actions, Small titles
%subtitle {
  font-family: $font-family-1;
  font-size: $font-size-xxs;
  letter-spacing: 1.5px;
  line-height: 14px;
  text-transform: uppercase;
  @media print {
    font-size: 7pt;
    line-height: 14pt;
  }
}

// Tooltips, descriptions
%annotation {
  font-family: $font-family-1-light;
  font-size: $font-size-xs;
  letter-spacing: 0px;
  line-height: 16px;
}

// Sections title - mobile
%titleMobile {
  font-family: $font-family-1;
  font-size: $font-size-xxs;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase;
}

%_temporaryTitle {
  @extend %title;
  font-weight: bold;
}